<!DOCTYPE html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
>
<!--<head th:include="admin/partial/bg_template::bg_header">-->
<head th:include="showup/ft_template::ft_head">
</head>

<body>

<!--====== TOP HEADER ==========-->
<section th:include="showup/ft_template::top_header">
</section>

<!--====== NAVIGATION MENU ==========-->
<section th:include="showup/ft_template::nav_menu">
</section>

<!--====== 巨幕BANNER ==========-->
<!-- SECTION: HEADER -->
<section class="c3 c3-slider" th:include="showup/ft_template::top_banner">
    <div class="container">
        <!--巨幕容器-->
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1" class=""></li>
                <li data-target="#myCarousel" data-slide-to="2" class=""></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <!--巨幕一-->
                <div class="item active">
                    <img src="images/slider/1.png" th:attr="src=@{/build/images/slider/1.png},title=#{logo},alt=#{logo}" width="460" height="345">
                    <div class="carousel-caption slider-cap">
                        <h1 class="wow fadeInDown" data-wow-duration="1s">The Best of Brazil & Argentina</h1>
                        <p class="wow fadeInUp" data-wow-duration="1.5s">Discover two of South America’s greatest citiesRio de Janeiro and Buenos Aires.It truly is one of the most spectacular sights on Earth.</p>
                        <a href="tour-details.html" class="hs1 wow fadeInUp" data-wow-duration="2.0s">Start Now!</a>

                    </div>
                </div>
                <!-- 巨幕一-->
                <div class="item">
                    <img src="images/slider/2.png" th:attr="src=@{/build/images/slider/1.png},title=#{logo},alt=#{logo}" width="460" height="345">
                    <div class="carousel-caption slider-cap">
                        <h1 class="wow fadeInDown" data-wow-duration="1s">Hotel & Restaurants Bookings</h1>
                        <p class="wow fadeInUp" data-wow-duration="1.5s">World's leading Hotel Booking website,Over 30,000 Hotel rooms worldwide. Book Hotel rooms and enjoy your holidays</p>
                        <a href="hotels-list.html" class="hs1 wow fadeInUp" data-wow-duration="2.0s">Start Now!</a>
                    </div>
                </div>
                <!--巨幕一-->
                <div class="item">
                    <img src="images/slider/3.png" th:attr="src=@{/build/images/slider/1.png},title=#{logo},alt=#{logo}" width="460" height="345">
                    <div class="carousel-caption slider-cap">
                        <h1 class="wow fadeInDown" data-wow-duration="1s">Honeymoon Packages 6 Nights & 7 Days</h1>
                        <p class="wow fadeInUp" data-wow-duration="1.5s">Discover two of South America’s greatest citiesRio de Janeiro and Buenos Aires.</p>
                        <a href="tour-details.html" class="hs1 wow fadeInUp" data-wow-duration="2.0s">Start Now!</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!--中间条输入信息用-->
<!--====== SLIDER ENQUIRY ==========-->
<section th:include="showup/ft_template::slider_enquiry">
</section>

<section style="height:50px;visibility: visible;background-color: #f4f4f4" th:include="showup/ft_template::blank_section"></section>
<!--主页部分-->
<section style="background-color: #f4f4f4">
    <!-- TITLE & DESCRIPTION -->
    <div class="spe-title">
        <h2>我们有 <span>超过 1024套</span> 国内外顶级网模的资料及套图</h2>
        <div class="title-line">
            <div class="tl-1"></div>
            <div class="tl-2"></div>
            <div class="tl-3"></div>
        </div>
        <p>随时同步更新，国内外各大知名网站模特最新套图毫无保留呈现在您的荧屏前，Now Enjoy It & Have Fun ！</p>
    </div>
    <div class="rows-fluid tb-space pad-top-o pad-bot-redu">
        <div class="container-fluid">
            <div class="row">
                <!--左边栏，隐藏-->
                <div class="col-md-2" style="visibility: visible;margin-top: 1%">
                    <!--PART 6 :评级-->
                    <div class="hot-page2-alp-l3 hot-page2-alp-l-com">
                        <h4 class=""><i class="fa fa-star-o" ></i> 模特评分</h4>
                        <div class="hot-page2-alp-l-com1 hot-page2-alp-p5">
                            <form>
                                <ul>
                                    <li>
                                        <div class="checkbox checkbox-info checkbox-circle">
                                            <input id="chp61" class="styled" type="checkbox" checked="">
                                            <label for="chp61">
                                                    <span class="ho-hot-rat-star-list">
                                                        <span class="hot-list-left-part-rat">5.0</span> <i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i>
                                                    </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="checkbox checkbox-info checkbox-circle">
                                            <input id="chp62" class="styled" type="checkbox">
                                            <label for="chp62">
                                                    <span class="ho-hot-rat-star-list">
                                                        <span class="hot-list-left-part-rat">4.0</span> <i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star-o" ></i>
                                                    </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="checkbox checkbox-info checkbox-circle">
                                            <input id="chp63" class="styled" type="checkbox">
                                            <label for="chp63">
                                                    <span class="ho-hot-rat-star-list">
                                                        <span class="hot-list-left-part-rat">3.0</span> <i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i>
                                                    </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="checkbox checkbox-info checkbox-circle">
                                            <input id="chp64" class="styled" type="checkbox">
                                            <label for="chp64">
                                                    <span class="ho-hot-rat-star-list">
                                                        <span class="hot-list-left-part-rat">2.0</span> <i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i>
                                                    </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="checkbox checkbox-info checkbox-circle">
                                            <input id="chp65" class="styled" type="checkbox">
                                            <label for="chp65">
                                                    <span class="ho-hot-rat-star-list">
                                                        <span class="hot-list-left-part-rat">1.0</span> <i class="fa fa-star" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i>
                                                    </span>
                                            </label>
                                        </div>
                                    </li>
                                </ul>
                            </form>
                            <a href="javascript:void(0);" class="hot-page2-alp-p5-btn-s" style="margin-left:30%">为她投票</a>
                        </div>
                    </div>
                </div>
                <!--中间栏-->
                <div class="row-fluid" >
                    <div class=" col-md-7 row-fluid">
                        <!--第一行 模特信息-->
                        <div class="row">
                            <div class="col-md-6" style="padding: 2%;">
                                <img src="images/hotels/1.jpg" th:src="${modelDetails.piclink}" style="width: 480px;height: 700px">
                            </div>
                            <div class="col-md-6" style="padding-left: 5%">
                                <!--<i class="fa fa-file-video-o" style="color: #000000;">10</i><i class="fa fa-file-photo-o" style="color: #000000">5</i>-->
                                <h2 th:text="${modelDetails.realname}+ '（' + ${modelDetails.alias} + ')'">模特姓名</h2>
                                <br style="color:black"/>
                                <style>
                                    table
                                    {
                                        border-collapse: collapse;
                                        border-spacing: 0;
                                    }
                                    th, td
                                    {
                                        padding-top:8px;
                                        font-size: 18px;
                                        font-weight: normal;
                                        height: 20px;
                                    }
                                </style>
                                <table id="model_info">
                                    <tbody>
                                        <!--评分-->
                                        <tr th:if="${modelDetails.rank}!=null">
                                            <td th:if="${modelDetails.rank}==5" >
                                                评分：
                                                <i class="fa fa-star" ></i>
                                                <i class="fa fa-star" ></i>
                                                <i class="fa fa-star" ></i>
                                                <i class="fa fa-star" ></i>
                                                <i class="fa fa-star" ></i>
                                            </td>
                                            <td th:if="${modelDetails.rank}<5 and ${modelDetails.rank}>=4">
                                                评分：
                                                <i class="fa fa-star" ></i>
                                                <i class="fa fa-star" ></i>
                                                <i class="fa fa-star" ></i>
                                                <i class="fa fa-star" ></i>
                                            </td>
                                            <td th:if="${modelDetails.rank}<4 and ${modelDetails.rank}>=3">
                                                评分：
                                                <i class="fa fa-star" ></i>
                                                <i class="fa fa-star" ></i>
                                                <i class="fa fa-star" ></i>
                                            </td>
                                            <td th:if="${modelDetails.rank}<3 and ${modelDetails.rank}>=2">
                                                评分：
                                                <i class="fa fa-star" ></i>
                                                <i class="fa fa-star" ></i>
                                            </td>
                                            <td th:if="${modelDetails.rank}<2 and ${modelDetails.rank}>=1">
                                                评分：
                                                <i class="fa fa-star" ></i>
                                            </td>
                                        </tr>
                                        <tr th:if="${modelDetails.birthday}!=null">
                                            <td th:text="'出生日期：'+ ${#dates.format(modelDetails.birthday, 'yyyy-MM-dd')}"></td>
                                        </tr>
                                        <tr th:if="${modelDetails.birthday}!=null and ${modelDetails.address}!=null">
                                            <td  th:text="'出生地：'+ ${modelDetails.country}+ '-'+ ${modelDetails.address}"></td>
                                        </tr>
                                        <tr th:if="${modelDetails.measurements}!=null">
                                            <td th:text="'三围：'+ ${modelDetails.measurements}"></td>
                                        </tr>
                                        <tr th:if="${modelDetails.height}!=null">
                                            <td th:text="'身高：'+ ${modelDetails.height} + 'cm'"></td>
                                        </tr>
                                        <tr th:if="${modelDetails.weight}!=null">
                                            <td th:text="'体重：'+ ${modelDetails.weight} + 'Kg'"></td>
                                        </tr>
                                        <tr th:if="${modelDetails.career}!=null">
                                            <td th:text="'职业：'+ ${modelDetails.career}"></td>
                                        </tr>
                                        <!--标签-->
                                        <tr>
                                            <td>标签：<span><a  style="margin-left: 5px;" th:each="tag:${tagList}"class="btn btn-danger" th:text="${tag}" th:href="@{/article/search(info=${tag})}"></a></span></td>
                                        </tr>
                                        <tr>
                                            <td th:text="'介绍：'"></td>
                                        </tr>
                                        <tr th:if="${modelDetails.introduction}!=null">
                                            <td th:text="@{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}+ ${modelDetails.introduction}"></td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="ho-con-cont" style="padding-top: 25%">
                                    <a href="hotels-list.html" class="to-con-3 link-btn" style="margin-left: 15%"><i class="fa fa-thumbs-up"></i><span>1000</span> 顶一下</a>
                                    <a href="contact.html" class="to-con-4 link-btn center" style="margin-left: 5%"><i class="fa fa-thumbs-down"></i><span>50</span> 踩一下</a>
                                </div>
                            </div>
                        </div>

                        <h2 th:text="${modelDetails.alias} + '的套图'"></h2>
                        <hr/>
                        <!--第二行-->
                        <div class="row">
                            <div class="to-ho-hotel">
                                <!-- HOTEL GRID -->
                                <div class="col-md-4">
                                    <div class="to-ho-hotel-con">
                                        <div class="to-ho-hotel-con-1">
                                            <div class="hom-hot-av-tic">
                                                <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                                <a href="#" style="color: white"><i  class="fa fa-eye"></i> 420</a>
                                            </div>
                                            <img src="/build/images/151.jpg" title="??logo_zh_CN??" alt="??logo_zh_CN??">
                                        </div>
                                        <div class="to-ho-hotel-con-23">
                                            <div class="to-ho-hotel-con-2">
                                                <h4>GTC Grand Chola</h4>
                                            </div>

                                            <div class="to-ho-hotel-con-5">
                                                <ul>
                                                    <li style="width: auto;padding-left: 10%"><a href="#"><i  class="fa fa-thumbs-o-up"></i> 570</a>
                                                    </li>

                                                    <li style="width: auto;padding-left: 20%"><a href="#"><i  class="fa fa-thumbs-o-down"></i> 5200</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="to-ho-hotel-con-4">
                                                <a class="link-btn hom-hot-book-btn" href="booking1.html">模特详情</a><a class="link-btn hom-hot-view-btn" href="hotel-details.html">套图详情</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- HOTEL GRID -->
                                <div class="col-md-4">
                                    <div class="to-ho-hotel-con">
                                        <div class="to-ho-hotel-con-1">
                                            <div class="hom-hot-av-tic">
                                                <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                                <a href="#" style="color: white"><i  class="fa fa-eye"></i> 420</a>
                                            </div>
                                            <img src="/build/images/381.jpg" title="??logo_zh_CN??" alt="??logo_zh_CN??">
                                        </div>
                                        <div class="to-ho-hotel-con-23">
                                            <div class="to-ho-hotel-con-2">
                                                <h4>GTC Grand Chola</h4>
                                            </div>

                                            <div class="to-ho-hotel-con-5">
                                                <ul>
                                                    <li style="width: auto;padding-left: 10%"><a href="#"><i  class="fa fa-thumbs-o-up"></i> 570</a>
                                                    </li>

                                                    <li style="width: auto;padding-left: 20%"><a href="#"><i  class="fa fa-thumbs-o-down"></i> 5200</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="to-ho-hotel-con-4">
                                                <a class="link-btn hom-hot-book-btn" href="booking1.html">Book Now</a><a class="link-btn hom-hot-view-btn" href="hotel-details.html">View More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- HOTEL GRID -->
                                <div class="col-md-4">
                                    <div class="to-ho-hotel-con">
                                        <div class="to-ho-hotel-con-1">
                                            <div class="hom-hot-av-tic">
                                                <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                                <a href="#" style="color: white"><i  class="fa fa-eye"></i> 420</a>
                                            </div>
                                            <img src="/build/images/151.jpg" title="??logo_zh_CN??" alt="??logo_zh_CN??">
                                        </div>
                                        <div class="to-ho-hotel-con-23">
                                            <div class="to-ho-hotel-con-2">
                                                <h4>GTC Grand Chola</h4>
                                            </div>

                                            <div class="to-ho-hotel-con-5">
                                                <ul>
                                                    <li style="width: auto;padding-left: 10%"><a href="#"><i  class="fa fa-thumbs-o-up"></i> 570</a>
                                                    </li>

                                                    <li style="width: auto;padding-left: 20%"><a href="#"><i  class="fa fa-thumbs-o-down"></i> 5200</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="to-ho-hotel-con-4">
                                                <a class="link-btn hom-hot-book-btn" href="booking1.html">Book Now</a><a class="link-btn hom-hot-view-btn" href="hotel-details.html">View More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--第三行-->
                        <div class="row">
                            <div class="to-ho-hotel">
                                <!-- HOTEL GRID -->
                                <div class="col-md-4">
                                    <div class="to-ho-hotel-con">
                                        <div class="to-ho-hotel-con-1">
                                            <div class="hom-hot-av-tic">
                                                <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                                <a href="#" style="color: white"><i  class="fa fa-eye"></i> 420</a>
                                            </div>
                                            <img src="/build/images/151.jpg" title="??logo_zh_CN??" alt="??logo_zh_CN??">
                                        </div>
                                        <div class="to-ho-hotel-con-23">
                                            <div class="to-ho-hotel-con-2">
                                                <h4>GTC Grand Chola</h4>
                                            </div>

                                            <div class="to-ho-hotel-con-5">
                                                <ul>
                                                    <li style="width: auto;padding-left: 10%"><a href="#"><i  class="fa fa-thumbs-o-up"></i> 570</a>
                                                    </li>

                                                    <li style="width: auto;padding-left: 20%"><a href="#"><i  class="fa fa-thumbs-o-down"></i> 5200</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="to-ho-hotel-con-4">
                                                <a class="link-btn hom-hot-book-btn" href="booking1.html">模特详情</a><a class="link-btn hom-hot-view-btn" href="hotel-details.html">套图详情</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- HOTEL GRID -->
                                <div class="col-md-4">
                                    <div class="to-ho-hotel-con">
                                        <div class="to-ho-hotel-con-1">
                                            <div class="hom-hot-av-tic">
                                                <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                                <a href="#" style="color: white"><i  class="fa fa-eye"></i> 420</a>
                                            </div>
                                            <img src="/build/images/381.jpg" title="??logo_zh_CN??" alt="??logo_zh_CN??">
                                        </div>
                                        <div class="to-ho-hotel-con-23">
                                            <div class="to-ho-hotel-con-2">
                                                <h4>GTC Grand Chola</h4>
                                            </div>

                                            <div class="to-ho-hotel-con-5">
                                                <ul>
                                                    <li style="width: auto;padding-left: 10%"><a href="#"><i  class="fa fa-thumbs-o-up"></i> 570</a>
                                                    </li>

                                                    <li style="width: auto;padding-left: 20%"><a href="#"><i  class="fa fa-thumbs-o-down"></i> 5200</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="to-ho-hotel-con-4">
                                                <a class="link-btn hom-hot-book-btn" href="booking1.html">Book Now</a><a class="link-btn hom-hot-view-btn" href="hotel-details.html">View More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- HOTEL GRID -->
                                <div class="col-md-4">
                                    <div class="to-ho-hotel-con">
                                        <div class="to-ho-hotel-con-1">
                                            <div class="hom-hot-av-tic">
                                                <a href="#" style="color: white"><i class="fa fa-heart-o"></i> 32</a>
                                                <a href="#" style="color: white"><i  class="fa fa-eye"></i> 420</a>
                                            </div>
                                            <img src="/build/images/151.jpg" title="??logo_zh_CN??" alt="??logo_zh_CN??">
                                        </div>
                                        <div class="to-ho-hotel-con-23">
                                            <div class="to-ho-hotel-con-2">
                                                <h4>GTC Grand Chola</h4>
                                            </div>

                                            <div class="to-ho-hotel-con-5">
                                                <ul>
                                                    <li style="width: auto;padding-left: 10%"><a href="#"><i  class="fa fa-thumbs-o-up"></i> 570</a>
                                                    </li>

                                                    <li style="width: auto;padding-left: 20%"><a href="#"><i  class="fa fa-thumbs-o-down"></i> 5200</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="to-ho-hotel-con-4">
                                                <a class="link-btn hom-hot-book-btn" href="booking1.html">Book Now</a><a class="link-btn hom-hot-view-btn" href="hotel-details.html">View More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--分页栏-->
                        <div class="span8 center-block">
                            <nav aria-label="Page navigation" style="text-align: center">
                                <form th:action="@{/rarbglist}" th:method="post" id="pagination">
                                    <ul class="pagination" >
                                        <!--前一页-->
                                        <li >
                                            <a href="rarbginfo.html"  aria-label="Previous" >
                                                <span aria-hidden="true">«</span>
                                            </a>
                                        </li>
                                        <!-- Will produce '/gtvg/order/details?orderId=3' (plus rewriting) -->
                                        <!--这里循环的是一个数组-->
                                        <li>
                                            <a href="rarbginfo.html">view</a>
                                        </li>
                                        <!--后一页-->
                                        <li >
                                            <a href="rarbginfo.html" aria-label="Next" >
                                                <span aria-hidden="true">»</span>
                                            </a>
                                        </li>
                                        <li >
                                            <span>第<span ></span><span>页</span></span>
                                        </li>
                                        <li >
                                            <span>共<span ></span><span>页</span></span>
                                        </li>
                                    </ul>
                                </form>
                            </nav>
                        </div>
                    </div>
                </div>
                <!--右边栏-->
                <div class="row" id="sidebar" th:include="showup/ft_template::right_sidebar">
                </div>
            </div>
        </div>
    </div>
</section>
<!--页脚-->
<!--====== FOOTER 1 ==========-->
<section th:include="showup/ft_template::ft_footer1">

</section>

<!--====== FOOTER 2 ==========-->
<section th:include="showup/ft_template::ft_footer2">

</section>

<!--====== FOOTER - COPYRIGHT ==========-->
<section th:include="showup/ft_template::ft_footer_copyright">
</section>

<!--左侧边栏图标链接-->
<!--<section th:include="showup/ft_template::ft_sideicon">
</section>-->

<section th:include="showup/ft_template::ft_javascript">
</section>
</body>

</html>

